<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 本地存储
        //    cookie                 数据少4kb，没有好用的方法(需要自己封装)，会随着服务器请求一起被携带     可以设置有效期
        //    localStorage           数据多一些5mb , 有自己的方法  不会随着服务器请求一起被携带     长期存储
        //    sessionStorage         数据多一些5mb , 有自己的方法  不会随着服务器请求一起被携带     会话存储


        // 各自的使用场景
        //     cookie  登录信息的
        //     localStorage   长期登录的，数据量比较大的
        //     sessionStorage  用于敏感账号的一次性登录

    </script>
    
</body>
</html>